<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <thead>
        <tr>
            <td>姓名</td>
            <td>真实姓名</td>
            <td>卡id</td>
            <td>Email</td>
            <td>电话</td>
            <td>QQ帐号</td>
            <td>密码</td>
            <td>问题</td>
            <td>答案</td>
            <td>状态</td>
            <td>时间</td>
        </tr>
    </thead>
    <tbody id="tbody">
        <tr>
            <td id="name"></td>
            <td id="trueName"></td>
            <td id="cardId"></td>
            <td id="email"></td>
            <td id="telephone"></td>
            <td id="qqId"></td>
            <td id="pwd"></td>
            <td id="question"></td>
            <td id="answer"></td>
            <td id="state"></td>
            <td id="regTime"></td>
        </tr>
    </tbody>
</table>
<script src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
    $(function () {
        //根据id获取消息详情
        function get_message_info() {
            //取出之前存入在缓存中的id
            var id = sessionStorage.getItem("id");
            //发送Ajax请求获取留言详情数据
            $.ajax({
                //请求类型为get类型
                type:"get",
                //传递给后台的参数对象
                data:{id:id},
                //后台的接口地址
                url:"http://localhost:8080/untitled4_Web_exploded/selectuserbyid",
                //Ajax执行成功的回调函数，res为服务器返回的数据
                success:function (res) {
                    //如果返回的code值为1代表程序执行成功
                    if(res.code==1){
                        console.log(res);
                        //输出在浏览器的控制台上
                        var obj = res.data[0];
                        $('#name').text(obj.name);
                        $('#trueName').text(obj.trueName);
                        $('#cardId').text(obj.cardId);
                        $('#email').text(obj.email);
                        $('#telephone').text(obj.telephone);
                        $('#qqId').text(obj.qqId);
                        $('#pwd').text(obj.pwd);
                        $('#question').text(obj.question);
                        $('#answer').text(obj.answer);
                        $('#state').text(obj.state);
                        $('#regTime').text(new Date(obj.regTime).toLocaleDateString());
                    }else{
                        alert(res.message)
                    }
                },
                //Ajax执行失败的回调函数
                fail:function (res) {
                    alert("请检查网络连接，连接服务器失败");
                }
            });
        }
        //调用函数
        get_message_info();
    });
</script>
</body>
</html>